// 封装分类数据业务相关代码
import { onMounted, ref } from 'vue';
import { useRoute,onBeforeRouteUpdate } from 'vue-router';
import { getCategory } from '@/apis/category';

export const useCategory=()=>{
  const categoryData = ref({})
// 监听路由参数的变化，获取不同的分类数据
const route = useRoute()
// 页面加载时获取二级分类数据
onMounted(async () => {
  try {
    const res = await getCategory(route.params.id)
    console.log(res.result);
    categoryData.value = res.result
  } catch (error) {
    console.log(error);
  }
})
// 方法2 使用官方钩子 onBeforeRouteUpdate 监听
onBeforeRouteUpdate(async(to)=>{
  // console.log(to); 
  const res = await getCategory(to.params.id)
  categoryData.value = res.result

})

  return {
    categoryData
  }
}